<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF - 8">
  <meta name="viewport" content="width=device-width, initial-scale = 1.0">
  <link rel="stylesheet" href="styles.css">
  <title>华为账号登录</title>
</head>

<body>
  <div class="login-container">
    <h1>华为账号登录</h1>
    <input type="text" id="username" placeholder="手机号/邮件地址/账号名/原华为云账号">
    <input type="password" id="password" placeholder="密码">
    <button id="login-btn">登录</button>
    <span id="register-forget-span">
      <a href="#" id="register-link">注册</a> 
      <a href="#" id="forget-password-link">忘记密码</a>
    </span>
    <a href="#" id="other-accounts-link">使用其他账号登录</a>
    <a href="#" id="iam-users-link">IAM用户</a>
    <a href="#" id="more-accounts-link">更多账号登录</a>
  </div>
  <script src="script.js"></script>
</body>

</html>